Variables
alignContent
alignContent: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>
alignItems
alignItems: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>
alignSelf
alignSelf: ResponsiveStyle<"auto" | "inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>
autoGrid
autoGrid: ((compoundMap?: { alignX?: "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | Responsive<"inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; alignY?: "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | Responsive<"inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; default?: null | string | number | boolean | Responsive<null | string | number | boolean, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distributeX?: "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly" | { around?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<"inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | Responsive<{ around?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distributeY?: "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly" | Responsive<"inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { around?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ around?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; gap?: "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl" | ["sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl", "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl"] | Responsive<"sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl" | ["sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl", "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inline?: null | string | number | boolean | Responsive<null | string | number | boolean, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; itemWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; rows?: number | (string | number)[] | Responsive<number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }, compoundOptions?: CompoundStylesOptions) => string) & { styles: { alignX: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; alignY: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; default: ResponsiveOne<{ hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distributeX: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distributeY: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; gap: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl" | ["sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl", "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inline: ResponsiveOne<{ hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; itemWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; rows: ResponsiveLazy<number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }; atomicCss: any; css: any }
box
box: ((compoundMap?: { bg?: "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900" | Responsive<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border?: ["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"] | Responsive<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display?: "inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn" | { block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | Responsive<{ block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset?: string | number | (string | number)[] | Responsive<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[] | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position?: "inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky" | { absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<"inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | Responsive<{ absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius?: "sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[] | Responsive<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner" | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z?: number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher" | Responsive<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }, compoundOptions?: CompoundStylesOptions) => string) & { styles: { bg: ResponsiveLazy<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border: ResponsiveLazy<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display: ResponsiveStyle<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset: ResponsiveLazy<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "fixed" | "absolute" | "relative" | "static" | "sticky", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z: ResponsiveLazy<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }; atomicCss: any; css: any }
cluster
cluster: ((compoundMap?: { align?: "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | Responsive<"inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; bg?: "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900" | Responsive<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border?: ["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"] | Responsive<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; default?: null | string | number | boolean | Responsive<null | string | number | boolean, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display?: "inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn" | Responsive<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distribute?: "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly" | Responsive<"inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { around?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ around?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; gap?: "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl" | Responsive<"sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset?: string | number | (string | number)[] | Responsive<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[] | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position?: "inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky" | Responsive<"inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius?: "sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[] | Responsive<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner" | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z?: number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher" | Responsive<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }, compoundOptions?: CompoundStylesOptions) => string) & { styles: { align: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; bg: ResponsiveLazy<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border: ResponsiveLazy<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; default: ResponsiveOne<{ hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display: ResponsiveStyle<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distribute: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; gap: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset: ResponsiveLazy<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "fixed" | "absolute" | "relative" | "static" | "sticky", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z: ResponsiveLazy<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }; atomicCss: any; css: any }
column
column: ((compoundMap?: { align?: "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | Responsive<"inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; bg?: "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900" | Responsive<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border?: ["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"] | Responsive<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; default?: null | string | number | boolean | Responsive<null | string | number | boolean, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display?: "inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn" | Responsive<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distribute?: "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly" | Responsive<"inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { around?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ around?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; gap?: "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl" | Responsive<"sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset?: string | number | (string | number)[] | Responsive<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[] | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position?: "inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky" | Responsive<"inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius?: "sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[] | Responsive<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner" | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z?: number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher" | Responsive<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }, compoundOptions?: CompoundStylesOptions) => string) & { styles: { align: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; bg: ResponsiveLazy<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border: ResponsiveLazy<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; default: ResponsiveOne<{ hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display: ResponsiveStyle<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distribute: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; gap: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset: ResponsiveLazy<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "fixed" | "absolute" | "relative" | "static" | "sticky", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z: ResponsiveLazy<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }; atomicCss: any; css: any }
flexItem
flexItem: ((compoundMap?: { align?: "auto" | "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | { auto?: null | string | number | boolean; baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<"auto" | "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | Responsive<{ auto?: null | string | number | boolean; baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; basis?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; bg?: "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900" | Responsive<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border?: ["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"] | Responsive<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display?: "inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn" | Responsive<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distribute?: "auto" | "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly" | { around?: null | string | number | boolean; auto?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<"auto" | "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | Responsive<{ around?: null | string | number | boolean; auto?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; grow?: number | boolean | Responsive<number | boolean, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset?: string | number | (string | number)[] | Responsive<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; order?: number | Responsive<number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[] | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position?: "inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky" | Responsive<"inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius?: "sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[] | Responsive<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner" | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shrink?: number | boolean | Responsive<number | boolean, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z?: number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher" | Responsive<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }, compoundOptions?: CompoundStylesOptions) => string) & { styles: { align: ResponsiveStyle<"auto" | "inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; basis: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; bg: ResponsiveLazy<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border: ResponsiveLazy<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display: ResponsiveStyle<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distribute: ResponsiveStyle<"auto" | "inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; grow: ResponsiveLazy<number | boolean, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset: ResponsiveLazy<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; order: ResponsiveLazy<number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "fixed" | "absolute" | "relative" | "static" | "sticky", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shrink: ResponsiveLazy<number | boolean, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z: ResponsiveLazy<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }; atomicCss: any; css: any }
grid
grid: ((compoundMap?: { alignX?: "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | Responsive<"inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; alignY?: "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | { baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<"inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | Responsive<{ baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; bg?: "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900" | Responsive<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border?: ["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"] | Responsive<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; cols?: number | (string | number)[] | Responsive<number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; default?: null | string | number | boolean | Responsive<null | string | number | boolean, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display?: "inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn" | Responsive<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distributeX?: "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly" | Responsive<"inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { around?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ around?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distributeY?: "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly" | Responsive<"inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { around?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ around?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; gap?: "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl" | ["sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl", "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl"] | Responsive<"sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl" | ["sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl", "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inline?: null | string | number | boolean | Responsive<null | string | number | boolean, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset?: string | number | (string | number)[] | Responsive<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[] | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position?: "inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky" | Responsive<"inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius?: "sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[] | Responsive<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; rows?: number | (string | number)[] | Responsive<number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner" | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z?: number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher" | Responsive<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }, compoundOptions?: CompoundStylesOptions) => string) & { styles: { alignX: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; alignY: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; bg: ResponsiveLazy<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border: ResponsiveLazy<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; cols: ResponsiveLazy<number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; default: ResponsiveOne<{ hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display: ResponsiveStyle<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distributeX: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distributeY: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; gap: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl" | ["sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl", "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inline: ResponsiveOne<{ hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset: ResponsiveLazy<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "fixed" | "absolute" | "relative" | "static" | "sticky", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; rows: ResponsiveLazy<number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z: ResponsiveLazy<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }; atomicCss: any; css: any }
gridItem
gridItem: ((compoundMap?: { align?: "auto" | "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | Responsive<"auto" | "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { auto?: null | string | number | boolean; baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ auto?: null | string | number | boolean; baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; bg?: "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900" | Responsive<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border?: ["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"] | Responsive<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; colEnd?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; colStart?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display?: "inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn" | Responsive<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distribute?: "auto" | "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly" | Responsive<"auto" | "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { around?: null | string | number | boolean; auto?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ around?: null | string | number | boolean; auto?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset?: string | number | (string | number)[] | Responsive<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[] | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position?: "inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky" | Responsive<"inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius?: "sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[] | Responsive<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; rowEnd?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; rowStart?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner" | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z?: number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher" | Responsive<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }, compoundOptions?: CompoundStylesOptions) => string) & { styles: { align: ResponsiveStyle<"auto" | "inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; bg: ResponsiveLazy<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border: ResponsiveLazy<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; colEnd: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; colStart: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display: ResponsiveStyle<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distribute: ResponsiveStyle<"auto" | "inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset: ResponsiveLazy<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "fixed" | "absolute" | "relative" | "static" | "sticky", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; rowEnd: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; rowStart: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z: ResponsiveLazy<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }; atomicCss: any; css: any }
justifyContent
justifyContent: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>
justifyItems
justifyItems: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>
justifySelf
justifySelf: ResponsiveStyle<"auto" | "inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>
layer
layer: ((compoundMap?: { bg?: "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900" | Responsive<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border?: ["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"] | Responsive<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; default?: null | string | number | boolean | Responsive<null | string | number | boolean, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display?: "inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn" | Responsive<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset?: string | number | (string | number)[] | Responsive<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; offset?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[] | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; placement?: "bottom" | "left" | "right" | "top" | "center" | "topLeft" | "topRight" | "bottomRight" | "bottomLeft" | Responsive<"bottom" | "left" | "right" | "top" | "center" | "topLeft" | "topRight" | "bottomRight" | "bottomLeft", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position?: "inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky" | Responsive<"inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius?: "sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[] | Responsive<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner" | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z?: number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher" | Responsive<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }, compoundOptions?: CompoundStylesOptions) => string) & { styles: { bg: ResponsiveLazy<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border: ResponsiveLazy<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; default: ResponsiveOne<{ hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display: ResponsiveStyle<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset: ResponsiveLazy<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; offset: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; placement: ResponsiveLazy<"bottom" | "left" | "right" | "top" | "center" | "topLeft" | "topRight" | "bottomRight" | "bottomLeft", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "fixed" | "absolute" | "relative" | "static" | "sticky", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z: ResponsiveLazy<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }; atomicCss: any; css: any }
row
row: ((compoundMap?: { align?: "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | Responsive<"inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ baseline?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; bg?: "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900" | Responsive<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border?: ["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"] | Responsive<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; default?: null | string | number | boolean | Responsive<null | string | number | boolean, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display?: "inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn" | Responsive<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | Falsy | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ block?: null | string | number | boolean; contents?: null | string | number | boolean; flex?: null | string | number | boolean; grid?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; inline?: null | string | number | boolean; inlineBlock?: null | string | number | boolean; inlineFlex?: null | string | number | boolean; inlineGrid?: null | string | number | boolean; listItem?: null | string | number | boolean; none?: null | string | number | boolean; revert?: null | string | number | boolean; runIn?: null | string | number | boolean; table?: null | string | number | boolean; tableCell?: null | string | number | boolean; tableColumn?: null | string | number | boolean; tableColumnGroup?: null | string | number | boolean; tableFooterGroup?: null | string | number | boolean; tableHeader?: null | string | number | boolean; tableHeaderGroup?: null | string | number | boolean; tableRow?: null | string | number | boolean; tableRowGroup?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distribute?: "inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly" | Responsive<"inherit" | "initial" | "revert" | "unset" | "baseline" | Falsy | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { around?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ around?: null | string | number | boolean; baseline?: null | string | number | boolean; between?: null | string | number | boolean; center?: null | string | number | boolean; end?: null | string | number | boolean; evenly?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; normal?: null | string | number | boolean; revert?: null | string | number | boolean; start?: null | string | number | boolean; stretch?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; gap?: "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl" | Responsive<"sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset?: string | number | (string | number)[] | Responsive<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[] | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position?: "inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky" | Responsive<"inherit" | "initial" | "revert" | "unset" | Falsy | "fixed" | "absolute" | "relative" | "static" | "sticky", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> | { absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean } | Responsive<{ absolute?: null | string | number | boolean; fixed?: null | string | number | boolean; inherit?: null | string | number | boolean; initial?: null | string | number | boolean; relative?: null | string | number | boolean; revert?: null | string | number | boolean; static?: null | string | number | boolean; sticky?: null | string | number | boolean; unset?: null | string | number | boolean }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius?: "sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[] | Responsive<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner" | Responsive<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width?: string | number | Responsive<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z?: number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher" | Responsive<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }, compoundOptions?: CompoundStylesOptions) => string) & { styles: { align: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; bg: ResponsiveLazy<"text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; border: ResponsiveLazy<["none" | "hairline" | ("none" | "hairline")[], "text" | "primary" | "secondary" | "black" | "white" | "translucentLight" | "translucentLightActive" | "translucentDark" | "translucentContrast" | "translucentPrimary" | "translucentPrimaryActive" | "bodyBg" | "textAccent" | "textAccentLight" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "accent" | "accentHover" | "accentActive" | "current" | "rose50" | "rose100" | "rose200" | "rose300" | "rose400" | "rose500" | "rose600" | "rose700" | "rose800" | "rose900" | "pink50" | "pink100" | "pink200" | "pink300" | "pink400" | "pink500" | "pink600" | "pink700" | "pink800" | "pink900" | "fuchsia50" | "fuchsia100" | "fuchsia200" | "fuchsia300" | "fuchsia400" | "fuchsia500" | "fuchsia600" | "fuchsia700" | "fuchsia800" | "fuchsia900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "violet50" | "violet100" | "violet200" | "violet300" | "violet400" | "violet500" | "violet600" | "violet700" | "violet800" | "violet900" | "indigo50" | "indigo100" | "indigo200" | "indigo300" | "indigo400" | "indigo500" | "indigo600" | "indigo700" | "indigo800" | "indigo900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "lightBlue50" | "lightBlue100" | "lightBlue200" | "lightBlue300" | "lightBlue400" | "lightBlue500" | "lightBlue600" | "lightBlue700" | "lightBlue800" | "lightBlue900" | "cyan50" | "cyan100" | "cyan200" | "cyan300" | "cyan400" | "cyan500" | "cyan600" | "cyan700" | "cyan800" | "cyan900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "emerald50" | "emerald100" | "emerald200" | "emerald300" | "emerald400" | "emerald500" | "emerald600" | "emerald700" | "emerald800" | "emerald900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "lime50" | "lime100" | "lime200" | "lime300" | "lime400" | "lime500" | "lime600" | "lime700" | "lime800" | "lime900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "amber50" | "amber100" | "amber200" | "amber300" | "amber400" | "amber500" | "amber600" | "amber700" | "amber800" | "amber900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "warmGray50" | "warmGray100" | "warmGray200" | "warmGray300" | "warmGray400" | "warmGray500" | "warmGray600" | "warmGray700" | "warmGray800" | "warmGray900" | "trueGray50" | "trueGray100" | "trueGray200" | "trueGray300" | "trueGray400" | "trueGray500" | "trueGray600" | "trueGray700" | "trueGray800" | "trueGray900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "coolGray50" | "coolGray100" | "coolGray200" | "coolGray300" | "coolGray400" | "coolGray500" | "coolGray600" | "coolGray700" | "coolGray800" | "coolGray900" | "blueGray50" | "blueGray100" | "blueGray200" | "blueGray300" | "blueGray400" | "blueGray500" | "blueGray600" | "blueGray700" | "blueGray800" | "blueGray900"], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; default: ResponsiveOne<{ hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; display: ResponsiveStyle<"inherit" | "grid" | "none" | "table" | "inline" | "flex" | "initial" | "revert" | "unset" | "contents" | "block" | "inlineFlex" | "inlineGrid" | "inlineBlock" | "tableCell" | "tableRowGroup" | "tableRow" | "tableColumn" | "tableColumnGroup" | "tableHeader" | "tableHeaderGroup" | "tableFooterGroup" | "listItem" | "runIn", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; distribute: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "baseline" | "stretch" | "center" | "end" | "start" | "normal" | "around" | "between" | "evenly", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; gap: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "auto" | "none" | "3xl", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; height: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; inset: ResponsiveLazy<string | number | (string | number)[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; maxWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minHeight: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; minWidth: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; pad: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl" | ("sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "3xl")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; position: ResponsiveStyle<"inherit" | "initial" | "revert" | "unset" | "fixed" | "absolute" | "relative" | "static" | "sticky", { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } } | { borderWidth: { hairline: string; none: number }; color: { accent: string; accentActive: string; accentHover: string; amber100: string; amber200: string; amber300: string; amber400: string; amber50: string; amber500: string; amber600: string; amber700: string; amber800: string; amber900: string; black: string; blue100: string; blue200: string; blue300: string; blue400: string; blue50: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; blueGray100: string; blueGray200: string; blueGray300: string; blueGray400: string; blueGray50: string; blueGray500: string; blueGray600: string; blueGray700: string; blueGray800: string; blueGray900: string; bodyBg: string; coolGray100: string; coolGray200: string; coolGray300: string; coolGray400: string; coolGray50: string; coolGray500: string; coolGray600: string; coolGray700: string; coolGray800: string; coolGray900: string; current: string; cyan100: string; cyan200: string; cyan300: string; cyan400: string; cyan50: string; cyan500: string; cyan600: string; cyan700: string; cyan800: string; cyan900: string; emerald100: string; emerald200: string; emerald300: string; emerald400: string; emerald50: string; emerald500: string; emerald600: string; emerald700: string; emerald800: string; emerald900: string; fuchsia100: string; fuchsia200: string; fuchsia300: string; fuchsia400: string; fuchsia50: string; fuchsia500: string; fuchsia600: string; fuchsia700: string; fuchsia800: string; fuchsia900: string; gray100: string; gray200: string; gray300: string; gray400: string; gray50: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; green100: string; green200: string; green300: string; green400: string; green50: string; green500: string; green600: string; green700: string; green800: string; green900: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo50: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; lightBlue100: string; lightBlue200: string; lightBlue300: string; lightBlue400: string; lightBlue50: string; lightBlue500: string; lightBlue600: string; lightBlue700: string; lightBlue800: string; lightBlue900: string; lime100: string; lime200: string; lime300: string; lime400: string; lime50: string; lime500: string; lime600: string; lime700: string; lime800: string; lime900: string; orange100: string; orange200: string; orange300: string; orange400: string; orange50: string; orange500: string; orange600: string; orange700: string; orange800: string; orange900: string; pink100: string; pink200: string; pink300: string; pink400: string; pink50: string; pink500: string; pink600: string; pink700: string; pink800: string; pink900: string; primary: string; primaryActive: string; primaryHover: string; purple100: string; purple200: string; purple300: string; purple400: string; purple50: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; red100: string; red200: string; red300: string; red400: string; red50: string; red500: string; red600: string; red700: string; red800: string; red900: string; rose100: string; rose200: string; rose300: string; rose400: string; rose50: string; rose500: string; rose600: string; rose700: string; rose800: string; rose900: string; secondary: string; secondaryActive: string; secondaryHover: string; teal100: string; teal200: string; teal300: string; teal400: string; teal50: string; teal500: string; teal600: string; teal700: string; teal800: string; teal900: string; text: string; textAccent: string; textAccentLight: string; translucentContrast: string; translucentDark: string; translucentLight: string; translucentLightActive: string; translucentPrimary: string; translucentPrimaryActive: string; trueGray100: string; trueGray200: string; trueGray300: string; trueGray400: string; trueGray50: string; trueGray500: string; trueGray600: string; trueGray700: string; trueGray800: string; trueGray900: string; violet100: string; violet200: string; violet300: string; violet400: string; violet50: string; violet500: string; violet600: string; violet700: string; violet800: string; violet900: string; warmGray100: string; warmGray200: string; warmGray300: string; warmGray400: string; warmGray50: string; warmGray500: string; warmGray600: string; warmGray700: string; warmGray800: string; warmGray900: string; white: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow50: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string }; font: { family: { mono: string; sans: string; serif: string }; leading: { 10: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; loose: string; none: string; normal: string; relaxed: string; snug: string; tight: string }; size: { 2xl: string; 3xl: string; 4xl: string; 5xl: string; 6xl: string; base: string; lg: string; sm: string; xl: string; xs: string }; tracking: { normal: string; tight: string; tighter: string; wide: string; wider: string; widest: string } }; gap: { 2xl: string; 2xs: string; 3xl: string; auto: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; pad: { 2xl: string; 3xl: string; lg: string; md: string; none: string; sm: string; xl: string; xs: string }; radius: { base: string; full: string; lg: string; md: string; none: string; primary: string; secondary: string; sm: string; xl: string }; shadow: { 2xl: string; inner: string; lg: string; md: string; none: string; outline: string; primary: string; sm: string; xl: string; xs: string }; transition: { duration: { fast: string; faster: string; normal: string; slow: string; slower: string }; timing: { bounce: string; in: string; inOut: string; linear: string; out: string } }; vh: string; zIndex: { high: number; higher: number; low: number; lower: number; max: number; medium: number; min: number } }, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; radius: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full" | ("sm" | "md" | "lg" | "xl" | "none" | "primary" | "secondary" | "base" | "full")[], { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; shadow: ResponsiveLazy<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "none" | "outline" | "primary" | "inner", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; size: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; width: ResponsiveLazy<string | number, { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }>; z: ResponsiveLazy<number | "min" | "medium" | "max" | "lower" | "low" | "high" | "higher", { hover: "(hover: hover)"; lg: "only screen and (min-width: 64em)"; md: "only screen and (min-width: 48em)"; min: "only screen and (min-width: 0)"; retina: string; sm: "only screen and (min-width: 35em)"; vMd: "only screen and (min-height: 45em)"; vMin: "only screen and (min-height: 0)"; vSm: "only screen and (min-height: 36em)"; xl: "only screen and (min-width: 80em)" }> }; atomicCss: any; css: any }